/* line 1, ../sass/index.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
}

/* line 5, ../sass/index.scss */
html {
  width: 100%;
  height: 100%;
}

/* line 10, ../sass/index.scss */
body {
  max-width: 640px;
  width: 100%;
  height: 100%;
  font-family: "Microsoft Yahei";
  overflow: hidden;
}

/* line 17, ../sass/index.scss */
.container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* line 22, ../sass/index.scss */
.home-page {
  width: 100%;
  height: 100%;
}
/* line 25, ../sass/index.scss */
.home-page img {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
}
/* line 31, ../sass/index.scss */
.home-page #homeBtn {
  position: absolute;
  z-index: 5;
  bottom: 6.6%;
  left: 37%;
  width: 30px;
  height: 30px;
  border: 2px solid red;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

/* line 44, ../sass/index.scss */
.page1 {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: none;
}
/* line 50, ../sass/index.scss */
.page1 .backs {
  position: absolute;
  z-index: 1;
}
/* line 54, ../sass/index.scss */
.page1 .icons {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 15%;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: 5;
}
/* line 61, ../sass/index.scss */
.page1 .icons .years {
  width: 100%;
  position: absolute;
  z-index: 2;
}
/* line 67, ../sass/index.scss */
.page1 .icons .circles {
  position: relative;
  width: 100%;
  height: 100%;
}
/* line 71, ../sass/index.scss */
.page1 .icons .circles .cir1, .page1 .icons .circles .cir2, .page1 .icons .circles .cir3, .page1 .icons .circles .cir4, .page1 .icons .circles .cir5, .page1 .icons .circles .cir6, .page1 .icons .circles .cir7 {
  position: relative;
  width: 100%;
  height: 5%;
  margin-top: 48%;
}
/* line 77, ../sass/index.scss */
.page1 .icons .circles .cir1 a, .page1 .icons .circles .cir2 a, .page1 .icons .circles .cir3 a, .page1 .icons .circles .cir4 a, .page1 .icons .circles .cir5 a, .page1 .icons .circles .cir6 a, .page1 .icons .circles .cir7 a {
  position: absolute;
  z-index: 15;
  width: 8%;
  height: 80%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
/* line 85, ../sass/index.scss */
.page1 .icons .circles .cir1 .cir-cont, .page1 .icons .circles .cir2 .cir-cont, .page1 .icons .circles .cir3 .cir-cont, .page1 .icons .circles .cir4 .cir-cont, .page1 .icons .circles .cir5 .cir-cont, .page1 .icons .circles .cir6 .cir-cont, .page1 .icons .circles .cir7 .cir-cont {
  width: 100%;
  position: absolute;
}
/* line 90, ../sass/index.scss */
.page1 .icons .circles .cir1 .cir-cont img, .page1 .icons .circles .cir2 .cir-cont img, .page1 .icons .circles .cir3 .cir-cont img, .page1 .icons .circles .cir4 .cir-cont img, .page1 .icons .circles .cir5 .cir-cont img, .page1 .icons .circles .cir6 .cir-cont img, .page1 .icons .circles .cir7 .cir-cont img {
  display: block;
  width: 25%;
}
/* line 94, ../sass/index.scss */
.page1 .icons .circles .cir1 .cir-cont img:nth-child(1), .page1 .icons .circles .cir2 .cir-cont img:nth-child(1), .page1 .icons .circles .cir3 .cir-cont img:nth-child(1), .page1 .icons .circles .cir4 .cir-cont img:nth-child(1), .page1 .icons .circles .cir5 .cir-cont img:nth-child(1), .page1 .icons .circles .cir6 .cir-cont img:nth-child(1), .page1 .icons .circles .cir7 .cir-cont img:nth-child(1) {
  visibility: hidden;
}
/* line 100, ../sass/index.scss */
.page1 .icons .circles .cir1 {
  margin-top: 0;
}
/* line 102, ../sass/index.scss */
.page1 .icons .circles .cir1 a {
  left: 60.5%;
  top: 55%;
}
/* line 106, ../sass/index.scss */
.page1 .icons .circles .cir1 .cir-cont {
  left: 30%;
}
/* line 111, ../sass/index.scss */
.page1 .icons .circles .cir2 {
  margin-top: 54%;
}
/* line 113, ../sass/index.scss */
.page1 .icons .circles .cir2 a {
  left: 31%;
  top: 65%;
}
/* line 117, ../sass/index.scss */
.page1 .icons .circles .cir2 .cir-cont {
  left: 40%;
}
/* line 122, ../sass/index.scss */
.page1 .icons .circles .cir3 a {
  left: 60.5%;
  top: 70%;
}
/* line 126, ../sass/index.scss */
.page1 .icons .circles .cir3 .cir-cont {
  left: 30%;
}
/* line 132, ../sass/index.scss */
.page1 .icons .circles .cir4 a {
  left: 31%;
  top: 74%;
}
/* line 136, ../sass/index.scss */
.page1 .icons .circles .cir4 .cir-cont {
  left: 40%;
}
/* line 141, ../sass/index.scss */
.page1 .icons .circles .cir5 a {
  left: 60.5%;
  top: 80%;
}
/* line 145, ../sass/index.scss */
.page1 .icons .circles .cir5 .cir-cont {
  left: 30%;
}
/* line 151, ../sass/index.scss */
.page1 .icons .circles .cir6 a {
  left: 31%;
  top: 84%;
}
/* line 155, ../sass/index.scss */
.page1 .icons .circles .cir6 .cir-cont {
  left: 40%;
}
/* line 159, ../sass/index.scss */
.page1 .icons .circles .cir7 {
  margin-top: 60%;
}
/* line 161, ../sass/index.scss */
.page1 .icons .circles .cir7 a {
  left: 60.5%;
  top: 103%;
}
/* line 165, ../sass/index.scss */
.page1 .icons .circles .cir7 .cir-cont {
  left: 30%;
}
/* line 172, ../sass/index.scss */
.page1 .icons .showBtn {
  background: red;
}
/* line 180, ../sass/index.scss */
.page1 .pcont1 {
  width: 100%;
  height: 100%;
}
/* line 186, ../sass/index.scss */
.page1 .pcont-2, .page1 .pcont-3, .page1 .pcont-4, .page1 .pcont-5 {
  width: 100%;
  height: 100%;
  display: none;
}
/* line 192, ../sass/index.scss */
.page1 .main {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* line 197, ../sass/index.scss */
.page1 .main .years-img {
  position: absolute;
  z-index: 10;
}
/* line 202, ../sass/index.scss */
.page1 .main .content {
  position: absolute;
  width: 45%;
  top: 20%;
  z-index: 10;
}
/* line 209, ../sass/index.scss */
.page1 .main .content p {
  width: 85%;
  color: #bcb8af;
  font: bold 28em/1.5em "Microsoft Yahei";
}
/* line 215, ../sass/index.scss */
.page1 .main .content .btns {
  width: 100%;
}
/* line 217, ../sass/index.scss */
.page1 .main .content .btns a {
  float: left;
  width: 35%;
}
/* line 220, ../sass/index.scss */
.page1 .main .content .btns a img {
  width: 100%;
}
/* line 228, ../sass/index.scss */
.page1 .p-left {
  position: absolute;
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  z-index: 10;
  width: 100%;
  height: 100%;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
/* line 236, ../sass/index.scss */
.page1 .p-left .v-l-back {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
}
/* line 242, ../sass/index.scss */
.page1 .p-left p {
  font-size: 24em;
}
/* line 245, ../sass/index.scss */
.page1 .p-left .l-btn {
  position: absolute;
  z-index: 2;
  top: 40%;
  left: 58%;
}
/* line 250, ../sass/index.scss */
.page1 .p-left .l-btn img {
  width: 50%;
}
/* line 254, ../sass/index.scss */
.page1 .p-left .l-content {
  position: relative;
  z-index: 5;
  width: 60%;
  height: 100%;
  padding: 0 5%;
  background: #fff;
  color: #3a302c;
  overflow-x: visible;
  overflow-y: auto;
}
/* line 265, ../sass/index.scss */
.page1 .p-left .l-content .l-img {
  width: 100%;
}
/* line 268, ../sass/index.scss */
.page1 .p-left .l-content .l-cont {
  font: bold 32em "Microsoft Yahei";
}
/* line 274, ../sass/index.scss */
.page1 .p-right {
  position: absolute;
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: 20;
  width: 100%;
  height: 100%;
}
/* line 282, ../sass/index.scss */
.page1 .p-right .v-r-back {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
}
/* line 288, ../sass/index.scss */
.page1 .p-right .r-btn {
  position: absolute;
  z-index: 3;
  top: 40%;
  left: 30%;
}
/* line 293, ../sass/index.scss */
.page1 .p-right .r-btn img {
  width: 50%;
}
/* line 297, ../sass/index.scss */
.page1 .p-right .r-content {
  position: absolute;
  z-index: 5;
  right: 0;
  width: 60%;
  height: 100%;
  padding: 0 5%;
  background: #fff;
  color: #3a302c;
  overflow: auto;
}
/* line 307, ../sass/index.scss */
.page1 .p-right .r-content p {
  font-size: 24em;
}
/* line 310, ../sass/index.scss */
.page1 .p-right .r-content .r-img {
  width: 100%;
}
/* line 314, ../sass/index.scss */
.page1 .p-right .r-content .r-cont {
  font: bold 32em "Microsoft Yahei";
}
/* line 320, ../sass/index.scss */
.page1 .pAnimate {
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* line 327, ../sass/index.scss */
.page1 .pcont-1 .content, .page1 .pcont-3 .content, .page1 .pcont-5 .content {
  left: 6%;
}
/* line 333, ../sass/index.scss */
.page1 .pcont-2 .content, .page1 .pcont-4 .content {
  right: -5%;
}

/* line 340, ../sass/index.scss */
.last-page {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  transform-origin: 100% 100%;
}
/* line 347, ../sass/index.scss */
.last-page .lastCont {
  width: 100%;
  position: absolute;
  z-index: 5;
}
/* line 351, ../sass/index.scss */
.last-page .lastCont .header {
  position: relative;
  height: 5%;
}
/* line 354, ../sass/index.scss */
.last-page .lastCont .header a {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 15;
  width: 10%;
  height: 50%;
}
/* line 364, ../sass/index.scss */
.last-page .lastCont .header img {
  width: 100%;
}
/* line 372, ../sass/index.scss */
.last-page .lastCont .content {
  padding: 10% 15%;
}
/* line 374, ../sass/index.scss */
.last-page .lastCont .content p {
  color: #fff;
  font-size: bold;
}
/* line 379, ../sass/index.scss */
.last-page .lastCont .footer {
  width: 100%;
  padding: 0 15%;
}
/* line 383, ../sass/index.scss */
.last-page .lastCont .footer .f-top {
  width: 100%;
  font-size: 0;
}
/* line 386, ../sass/index.scss */
.last-page .lastCont .footer .f-top .erweima {
  display: inline-block;
  width: 45%;
  margin-right: 5%;
}
/* line 390, ../sass/index.scss */
.last-page .lastCont .footer .f-top .erweima img {
  width: 100%;
}
/* line 394, ../sass/index.scss */
.last-page .lastCont .footer .f-top .zhuan {
  display: inline-block;
  width: 45%;
  margin-left: 5%;
}
/* line 398, ../sass/index.scss */
.last-page .lastCont .footer .f-top .zhuan a {
  display: inline-block;
  width: 100%;
}
/* line 401, ../sass/index.scss */
.last-page .lastCont .footer .f-top .zhuan a img {
  width: 100%;
}
/* line 405, ../sass/index.scss */
.last-page .lastCont .footer .f-top .zhuan a:first-child {
  margin-bottom: 30%;
}
/* line 410, ../sass/index.scss */
.last-page .lastCont .footer .f-bottom {
  text-align: center;
  margin-top: 60%;
}
/* line 413, ../sass/index.scss */
.last-page .lastCont .footer .f-bottom p {
  width: 100%;
  margin-top: 10%;
  color: #fff;
}
/* line 417, ../sass/index.scss */
.last-page .lastCont .footer .f-bottom p span {
  display: inline-block;
  width: 32%;
}
/* line 425, ../sass/index.scss */
.last-page .back-img {
  position: absolute;
  z-index: 1;
}

/* line 432, ../sass/index.scss */
.page-animate {
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* line 435, ../sass/index.scss */
.page1-animate {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* line 441, ../sass/index.scss */
.move-1 {
  -moz-transform: translate3d(-30%, -30%, 0);
  -ms-transform: translate3d(-30%, -30%, 0);
  -webkit-transform: translate3d(-30%, -30%, 0);
  transform: translate3d(-30%, -30%, 0);
}

/* line 444, ../sass/index.scss */
.move-2 {
  -moz-transform: translate3d(0, -60%, 0);
  -ms-transform: translate3d(0, -60%, 0);
  -webkit-transform: translate3d(0, -60%, 0);
  transform: translate3d(0, -60%, 0);
}

/* line 447, ../sass/index.scss */
.move-3 {
  -moz-transform: translate3d(-30%, -90%, 0);
  -ms-transform: translate3d(-30%, -90%, 0);
  -webkit-transform: translate3d(-30%, -90%, 0);
  transform: translate3d(-30%, -90%, 0);
}

/* line 450, ../sass/index.scss */
.move-4 {
  -moz-transform: translate3d(0%, -120%, 0);
  -ms-transform: translate3d(0%, -120%, 0);
  -webkit-transform: translate3d(0%, -120%, 0);
  transform: translate3d(0%, -120%, 0);
}
